<style>
    .addBtn {
        text-decoration: none;
        background: #337ab7;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .info-wrap > td {
        text-align: center;
        padding-top: 10px;
    }

    .info-wrap > td > div {
        max-height: 200px;
        overflow-y: auto;
    }

    .tiao-val {
        width: 30px;
        height: 30px;
        margin: 5px 5px 0 0;
        outline: none;
        font-size: 14px;
    }

    .tiao-btn {
        font-size: 14px;
    }

    .link-update {
        text-decoration: none;
        background: #337ab7;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .link-update:hover {
        text-decoration: none;
        color: white;
        background: #286090;
    }

    .link-del {
        text-decoration: none;
        background: red;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .link-del:hover {
        text-decoration: none;
        background: red;
        color: white;
    }

    .info-wrap {
        border-bottom: 1px solid #cccccc;
    }
</style>
<div class="span10">
    <div style="margin-bottom: 20px;">
        <a href="/index/index">首页</a><span>&gt;</span><span>banner管理</span>
    </div>

    <a class="addBtn" href="<?php echo baseUrl . '/content/banner/add' ?>">添加banner</a>
    <form action="<?php echo baseUrl ?>/content/banner/index" method="get" class="form-horizontal"
          style="margin-bottom: 10px;">
        <table class="table">
            <tr>
                <td>
                    选择位置：
                </td>
                <td>
                    <select name="cate" id="cate">
                        <option value="">请选择banner图位置</option>
                        <option value="1" <?php echo isset($_GET) && $_GET != false && $_GET['cate'] == 1 ? 'selected' : '' ?>>
                            顶部
                        </option>
                        <option value="2" <?php echo isset($_GET) && $_GET != false && $_GET['cate'] == 2 ? 'selected' : '' ?>>
                            中部
                        </option>
                        <option value="3" <?php echo isset($_GET) && $_GET != false && $_GET['cate'] == 3 ? 'selected' : '' ?>>
                            底部
                        </option>
                        <option value="4" <?php echo isset($_GET) && $_GET != false && $_GET['cate'] == 4 ? 'selected' : '' ?>>
                            资讯顶部
                        </option>
                    </select>
                </td>
                <td>
                    <button class="btn btn-primary" type="submit">提交</button>
                </td>
            </tr>
        </table>
    </form>

    <form action="/content/api/sort" method="post">
        <table border="0" width="100%">
            <tr align="center">
                <th>排序</th>
                <th>id</th>
                 <th>标题</th>
                <th>模块</th>
                <th>图片</th>
                <th>外链地址</th>
                <th>所属端</th>
                <th>时间</th>
                <th width="120px">操作</th>
            </tr>
            <?php
            foreach ($data as $v) {
                ?>
                <tr class="info-wrap">
                    <td><input style="width: 20px;" name="sort[]" type="text" value="<?php echo $v['sort'] ?>">
                        <input name="id[]" type="hidden" value="<?php echo $v['id'] ?>">
                    </td>
                    <td>
                        <?php echo $v['id'] ?>
                    </td>
                    <td>
                        <?php echo $v['name'] ?>
                    </td>
                    <!-- <td>
                        <?php echo $v['cate'] ?>
                    </td> -->
                    <td><?php if ($v['cate'] == 1) {
                            echo '顶部';
                        } elseif ($v['cate'] == 2) {
                            echo '中部';
                        } elseif ($v['cate'] == 3) {
                            echo '底部';
                        } else {
                            echo '资讯顶部';
                        } ?></td>
                    <td><?php echo $v['pic'] ?></td>
                    <td>
                        <div style="max-width: 500px;word-wrap:break-word;word-break:break-all;margin: 0 auto">


                            <?php echo $v['url'] ?>
                        </div>
                    </td>
                    <td><?php if ($v['type'] == 1) {
                            echo 'PC';
                        } elseif ($v['type'] == 2) {
                            echo 'WAP';
                        } elseif ($v['type'] == 3) {
                            echo 'APP';
                        } ?></td>
                    <!--                    <td>--><?php //echo $v['viewCount'] ?><!--</td>-->
                    <td><?php echo date('Y-m-d H:i:s', $v['createTime']) ?></td>

                    <td>
                        <a class="link-update"
                           href="<?php echo baseUrl . '/content/banner/add' . '?' . 'id=' . $v['id'] ?>">修改</a>
                        <a class="link-del" href="" onclick="del(<?php echo $v['id'] ?>)">删除</a>
                    </td>
                </tr>
            <?php } ?>
        </table>
        <input type="hidden" name="cate" value="4">
        <button class="push btn btn-primary" type="submit">排序</button>
    </form>
</div>
<script>
    function del(id) {
        if (confirm("确定删除内容吗")) {
            $.get("/content/banner/del", {id: id},
                function (msg) {
                    if (msg) {
                        alert('删除成功');
                    }
                }, 'text'
            );
        }
    }
</script>
